<template>
  <div>
    <template v-if="$app.judgeData(orderInfo) && $app.judgeData(orLiInfo)"> 
      <Card class="marginB10">
        <div class="lineH34 c333 f_16 f_bold " :class="dBox?' marginB10 ':''">
          <span  class="pointer" @click="dBox=!dBox">
            订单信息
            <Icon :type="dBox?'ios-arrow-up':'ios-arrow-down'" :size="18" class="cCCC relative" style="top:-1px;left:5px;"/>
          </span>
          
        </div>
        <div v-show="dBox">
          <!-- 基础信息 -->
          <MiddleBase ref="MiddleBase" :orderInfo="orderInfo" :orLiInfo="orLiInfo"/>

          <!-- 专利申请提交：100~102 专业人士使用 -->
          <template v-if="(100<=orLiInfo.goods_type && orLiInfo.goods_type<=102)">
            <template v-if="orLiInfo.goods_type!=101">
              <div class="lineH34 c333 f_16 f_bold marginB10">申请材料</div>
              <div>
                <div class="TJ_big paddingL30 f_18 cBlue">
                  <div class="TJ_box paddingB20">
                    <div class="pullLeft " v-show=" $app.package_file_url(orderInfo.instruction_path)" style="margin-right:80px;">
                      <div class=" textLine " @click="$app.openWindow(orderInfo.instruction_path.file_url)">
                        <i class="iconfont marginR5 f_24" :class=" $app.fileIcon(orderInfo.instruction_path)"></i>
                        说明书
                      </div>
                    </div>
                    <div class="pullLeft " v-show=" $app.package_file_url(orderInfo.instruction_abstract_path)" style="margin-right:80px;">
                      <div class=" textLine" @click="$app.openWindow(orderInfo.instruction_abstract_path.file_url)">
                        <i class="iconfont marginR5 f_24" :class=" $app.fileIcon(orderInfo.instruction_abstract_path)"></i>
                        说明书摘要
                      </div>
                    </div>
                    <div class="pullLeft " v-show=" $app.package_file_url(orderInfo.claims_path)" style="margin-right:80px;">
                      <div class=" textLine" @click="$app.openWindow(orderInfo.claims_path.file_url)">
                        <i class="iconfont marginR5 f_24" :class=" $app.fileIcon(orderInfo.claims_path)"></i>
                        权利要求书
                      </div>
                    </div>
                    <div class="pullLeft " v-show=" $app.package_file_url(orderInfo.instruction_image_path)" style="margin-right:80px;">
                      <div class=" textLine" @click="$app.openWindow(orderInfo.instruction_image_path.file_url)">
                        <i class="iconfont marginR5 f_24" :class=" $app.fileIcon(orderInfo.instruction_image_path)"></i>
                        说明书附图
                      </div>
                    </div>
                    <div class="pullLeft " v-show=" $app.package_file_url(orderInfo.abstract_image_path)" style="margin-right:80px;">
                      <div class=" textLine" @click="$app.openWindow(orderInfo.abstract_image_path.file_url)">
                        <i class="iconfont marginR5 f_24" :class=" $app.fileIcon(orderInfo.abstract_image_path)"></i>
                        摘要附图
                      </div>
                    </div>
                    <div class="clearBoth"></div>
                    <div class="f_14 c666 marginT10 pullLeft  marginR30" v-show="$app.judgeData(orderInfo.abstract_image_index)">
                      指定说明书附图中的图<span class="f_bold f_16 cBlue"> {{orderInfo.abstract_image_index}} </span>为摘要附图
                    </div>
                    <div class="f_14 c666 marginT10 pullLeft" v-show="$app.judgeData(orderInfo.claims_item_count)">
                      权利要求的项数<span class="f_bold f_16 cBlue"> {{orderInfo.claims_item_count}} </span> 项
                    </div>
                    <div class="clearBoth"></div>
                  </div>
                </div>
              </div>
              
            </template>
            <template v-else>
              <div class="lineH34 c333 f_16 f_bold marginB10">外观设计图片</div>
              <div>
                <div class="TJ_big paddingL30 f_18 cBlue">
                  <div class="TJ_box paddingB20">
                    <div class="JC_img borderNone pointer relative pullLeft marginR30 marginB20 heightAuto" 
                      v-for="(val,i) in orderInfo.appe_img_list" :key="'appe_img_list'+i" 
                    >
                      <img :src="val.file_url" class="cover  width100 marginB10" @click="$app.openWindow(val.file_url)" style="height:120px;">
                      <div class=" f_12 c999 textCenter">{{$app.urlToName(val)}}</div>
                    </div>
                    <div class="clearBoth paddingT10">
                      <span class=" textLine" @click="$app.openWindow(orderInfo.appe_brief_desc_path.file_url)">
                        <i class="iconfont marginR5 f_24" :class=" $app.fileIcon(orderInfo.appe_brief_desc_path)"></i>
                        外观简要说明书
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              
            </template>


            <div class="lineH34 c333 f_16 f_bold marginB10">默认选项</div>
            <div>
              <div class="TJ_big paddingL30">
                <Row :gutter="15" class="TJ_box paddingB10 f_14">
                  <Col :span="5">
                    <Icon 
                      :type="$app.judgeData(orderInfo.is_cost_reduction)?'md-checkmark-circle':'md-radio-button-off'" 
                      size="20" 
                      class="relative marginR5" 
                      :class="$app.judgeData(orderInfo.is_cost_reduction)?'cBlue':'cCCC'"
                      />
                      请求费减且已完成费减资格备案
                  </Col>
                  <Col :span="11" v-show="(orLiInfo.goods_type!=101)">
                    <Icon 
                      :type="$app.judgeData(orderInfo.same_day)?'md-checkmark-circle':'md-radio-button-off'" 
                      size="20" 
                      class="relative marginR5" 
                      :class="$app.judgeData(orderInfo.same_day)?'cBlue':'cCCC'"
                      />
                    <span class="marginR10">同日申请</span>
                    <template v-if="orLiInfo.goods_type==102">
                      声明本申请人对同样的发明创造在申请本发明专利的同日申请了实用新型专利
                    </template>
                    <template v-if="orLiInfo.goods_type==100">
                      声明本申请人对同样的发明创造在申请本实用新型专利的同日申请了发明专利
                    </template>
                  </Col>
                  <Col :span="8" v-show="orLiInfo.goods_type==102">
                    <Icon 
                      :type="$app.judgeData(orderInfo.is_early_release)?'md-checkmark-circle':'md-radio-button-off'" 
                      size="20" 
                      class="relative marginR5" 
                      :class="$app.judgeData(orderInfo.is_early_release)?'cBlue':'cCCC'"
                      />
                    <span class="marginR10">提前公布</span>
                    请求早日公布该专利申请
                  </Col>
                </Row>
              </div>
            </div>
            

          </template>

        </div>
        
        
        


        

      </Card>

    </template>

  </div>
</template>



<script>
import MiddleBase from './middleBase';
export default {
  name: "middle",
  components: {
    MiddleBase
  },
  props: ["orderInfo","orLiInfo"],
  data() {
    let data = {
    };
    let tool={
      dBox:true,//基础订单信息
    };
    return Object.assign(data,tool);
  },
  mounted() {
    let {
      orderInfo
    }=this;
  }

};
</script>

